<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>参与竞价</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../lib/sui/sm.min.css">
    <link rel="stylesheet" href="../lib/sui/sm-extend.min.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/public_main.css">
</head>

<body>
    <div class="page-group">
        <div class="page page-current" id="bid_price">
            <!-- 主内容 -->
            <div class="content">
                <div class="list-block media-list">
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-inner ">
                                    <div class="item-title-row">
                                        <div class="item-title size-65">本人（单位）是否参与竞价拍卖</div>
                                    </div>
                                    <div class="item-subtitle ">
                                        <div class="row">
                                            <div class="col-50">
                                                <label class="size-65">
                                                    <input type="radio" name="bid" checked />
                                                    <i></i>
                                                    参与
                                                </label>
                                            </div>
                                            <div class="col-50">
                                                <label class="size-65">
                                                    <input type="radio" name="bid" />
                                                    <i></i>
                                                    不参与
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner ">
                                    <div class="item-title-row">
                                        <div class="item-title size-65">参与竞价拍卖需缴纳保证金</div>
                                    </div>
                                    <div class="item-subtitle ">
                                        <div class="row">
                                            <div class="col-50">
                                                <label class="size-65">
                                                    <input type="radio" name="insure" checked />
                                                    <i></i>
                                                    申请免交保证金
                                                </label>
                                            </div>
                                            <div class="col-50">
                                                <label class="size-65">
                                                    <input type="radio" name="insure" />
                                                    <i></i>
                                                    缴纳保证金
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="back-price flex size-65" style="width:100%;padding-right:.55rem;">
                                    <div>优先回购价格(总价)</div>
                                    <div>
                                        <input type="text" placeholder="价格可以从0元起填" style="font-size:.65rem;text-align:right;"/> 
                                    </div>
                                    <div>元</div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="btn-box">
                    <div class="my-btn">
                        <span class="active">保存</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='../lib/sui/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../lib/sui/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../lib/sui/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src="../lib/vue/vue.min.js"></script>
    <script>
        var vm = new Vue({
            el: '#bid_price',
            data: {
                phone: "18638779089",
                password: "123478",
                showClose: true,
                encode: true,
                code: '',
                counting: false,
                countNum: 0,
                countText: '获取验证码'
            },
            methods: {
                login: function () {
                    console.log('login in ing')
                },
                removePhone: function () {
                    this.phone = '';
                    this.showClose = false
                },
                doEncode: function () {
                    this.encode = !this.encode
                },
                nextStep: function () {
                    if (this.phone === '') {
                        return ''
                    } else {
                        return 'active'
                    }
                },
                setCheckCodeBtnClass: function () {
                    if (this.countNum === 0) {
                        return 'get-code size-m'
                    } else {
                        return 'get-code size-m disabled'
                    }
                },
                getCode: function () {
                    if (this.countNum === 0) {
                        this.countNum = 10
                        this.countText = this.countNum + 'S'
                    } else {
                        this.countNum = 0
                        this.countText = '获取验证码'
                    }
                }

            },
            watch: {
                phone: function (o, n) {
                    if (o !== '') {
                        this.showClose = true
                    }
                }
            }
        })
    </script>
</body>

</html>